﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/TLFLayout.Master" AutoEventWireup="true" CodeBehind="tipsDemo.aspx.cs" Inherits="HRTemplate.tipsDemo" %>

<%@ Register Src="~/userControls/leftNav.ascx" TagPrefix="uc1" TagName="leftNav" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderTop" runat="server">
    <script>
        $(function () {
            setTab("办事大厅", "鼠标提示框");
        });
        $(document).ready(function () {
            $("#tips")
            .removeData('qtip')
            .qtip({
                content: {
                    text: "我是需要手动关闭的tips",
                    title: {
                        text: "demoTitle",
                        button: true
                    }
                },
                position: {
                    my: "top center",
                    at: "bottom center"
                },
                show: {
                    event: false,
                    ready: true
                },
                hide: false,
                style: { classes: 'yi-tooltip-shadow ui-tooltip-dark'}
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderLeft" runat="server">
    <uc1:leftNav runat="server" ID="leftNav" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolderSecondNavigation" runat="server">
    <a href="#">办事大厅</a> > 公共控件类 > 鼠标提示框 >
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolderRight" runat="server">
    <h3>Tips Demo</h3>
    <a href="#" title="我是会隐藏的tips">鼠标移过来试试？</a>
    <a href="#" id="tips" style="margin-left:150px;">下面这个tips很讨厌，请帮我关闭它</a>
</asp:Content>
